import 'package:flutter/material.dart';

class HelpScreen extends StatefulWidget {
  const HelpScreen({Key? key}) : super(key: key);

  @override
  State<HelpScreen> createState() => _HelpScreenState();
}

class _HelpScreenState extends State<HelpScreen> {
  final List<Map<String, String>> _faqItems = [
    {
      'question': 'تىجارەت پروگراممىسىنى قانداق ئىشلىتىمەن؟',
      'answer':
          'تىجارەت پروگراممىسى ئاسان ئىشلىتىلىدۇ. باش بەتتىكى تېز كىرىش تۈگمىلىرى ئارقىلىق سىز كېرەكلىك فۇنكسىيەگە تېز كىرەلەيسىز. سول تەرەپتىكى تىزىملىك ئارقىلىق ھەر خىل بۆلەكلەرگە ئالماشتۇرالايسىز.'
    },
    {
      'question': 'يېڭى خېرىدارنى قانداق قوشىمەن؟',
      'answer':
          'خېرىدارلار باشقۇرۇش بۆلىكىگە كىرىپ، ئۈستىدىكى "يېڭى قوشۇش" تۈگمىسىنى بېسىپ، خېرىدار ئۇچۇرلىرىنى كىرگۈزۈڭ.'
    },
    {
      'question': 'بىخەتەرلىك كودىنى قانداق ئۆزگەرتىمەن؟',
      'answer':
          'شەخسىي ئۇچۇر بېتىگە كىرىپ، "بىخەتەرلىك" تۈرىنى تاللاپ، "پارول ئۆزگەرتىش" تۈگمىسىنى بېسىپ، نۆۋەتتىكى پارولىڭىزنى ۋە يېڭى پارولنى كىرگۈزۈڭ.'
    },
    {
      'question': 'سېتىش دوكلاتىنى قانداق كۆرىمەن؟',
      'answer':
          'دوكلات بۆلىكىگە كىرىپ، "سېتىش دوكلاتى" نى تاللاپ، كۆرمەكچى بولغان ۋاقىت ئارىلىقىنى بەلگىلەڭ. ئاندىن "دوكلات ھاسىللاش" تۈگمىسىنى بېسىڭ.'
    },
    {
      'question': 'مالنى قانداق كىرگۈزىمەن؟',
      'answer':
          'ئامبار باشقۇرۇش بۆلىكىگە كىرىپ، "يېڭى مال" تۈگمىسىنى بېسىڭ. ئاندىن مال ئۇچۇرلىرىنى ۋە سانىنى كىرگۈزۈڭ.'
    },
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('ياردەم'),
        leading: IconButton(
          icon: const Icon(Icons.arrow_back_ios),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
      ),
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              _buildHelpSection(
                title: 'كۆپ سورالغان سوئاللار',
                child: _buildFaqList(),
              ),
              const SizedBox(height: 24),
              _buildHelpSection(
                title: 'پروگرامما قوللانمىسى',
                child: _buildUserGuide(),
              ),
              const SizedBox(height: 24),
              _buildHelpSection(
                title: 'ئالاقىلىشىش ئۇسۇلى',
                child: _buildContactInfo(),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildHelpSection({required String title, required Widget child}) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(12),
        boxShadow: [
          BoxShadow(
            color: Colors.grey.withOpacity(0.1),
            blurRadius: 10,
            spreadRadius: 0.5,
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: const EdgeInsets.all(16.0),
            child: Text(
              title,
              style: const TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
          const Divider(height: 1),
          child,
        ],
      ),
    );
  }

  Widget _buildFaqList() {
    return ExpansionPanelList.radio(
      elevation: 0,
      children: _faqItems.map((item) {
        return ExpansionPanelRadio(
          value: item['question']!,
          headerBuilder: (context, isExpanded) {
            return ListTile(
              title: Text(
                item['question']!,
                style: const TextStyle(
                  fontWeight: FontWeight.w500,
                  fontSize: 16,
                ),
              ),
            );
          },
          body: Padding(
            padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
            child: Text(
              item['answer']!,
              style: TextStyle(
                color: Colors.grey.shade700,
                fontSize: 14,
              ),
            ),
          ),
        );
      }).toList(),
    );
  }

  Widget _buildContactInfo() {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildContactItem(
            icon: Icons.email,
            title: 'ئېلخەت',
            detail: 'support@tijarat.com',
          ),
          const SizedBox(height: 16),
          _buildContactItem(
            icon: Icons.phone,
            title: 'تېلېفون',
            detail: '+86 123 4567 8910',
          ),
          const SizedBox(height: 16),
          _buildContactItem(
            icon: Icons.access_time,
            title: 'خىزمەت ۋاقتى',
            detail: 'دۈشەنبە-جۈمە 9:00 - 18:00',
          ),
        ],
      ),
    );
  }

  Widget _buildContactItem({
    required IconData icon,
    required String title,
    required String detail,
  }) {
    return Row(
      children: [
        Icon(icon, color: Colors.blue, size: 24),
        const SizedBox(width: 16),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              title,
              style: const TextStyle(
                fontWeight: FontWeight.w500,
                fontSize: 16,
              ),
            ),
            const SizedBox(height: 4),
            Text(
              detail,
              style: TextStyle(
                color: Colors.grey.shade700,
                fontSize: 14,
              ),
            ),
          ],
        ),
      ],
    );
  }

  Widget _buildUserGuide() {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        children: [
          _buildGuideItem(
            title: 'باشلاش قوللانمىسى',
            description: 'تىجارەت پروگراممىسىنى ئىشلىتىشكە باشلاش قولانمىسى',
            onTap: () {
              // باشلاش قوللانمىسىنى كۆرسىتىش
            },
          ),
          const SizedBox(height: 16),
          _buildGuideItem(
            title: 'سېتىش قوللانمىسى',
            description: 'سېتىش بېتىنى قانداق ئىشلىتىش قوللانمىسى',
            onTap: () {
              // سېتىش قوللانمىسىنى كۆرسىتىش
            },
          ),
          const SizedBox(height: 16),
          _buildGuideItem(
            title: 'دوكلات قوللانمىسى',
            description: 'دوكلات بېتىنى قانداق ئىشلىتىش قوللانمىسى',
            onTap: () {
              // دوكلات قوللانمىسىنى كۆرسىتىش
            },
          ),
        ],
      ),
    );
  }

  Widget _buildGuideItem({
    required String title,
    required String description,
    required VoidCallback onTap,
  }) {
    return InkWell(
      onTap: onTap,
      borderRadius: BorderRadius.circular(8),
      child: Container(
        padding: const EdgeInsets.all(16),
        decoration: BoxDecoration(
          border: Border.all(color: Colors.grey.shade200),
          borderRadius: BorderRadius.circular(8),
        ),
        child: Row(
          children: [
            const Icon(Icons.article, color: Colors.blue),
            const SizedBox(width: 16),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    title,
                    style: const TextStyle(
                      fontWeight: FontWeight.w500,
                      fontSize: 16,
                    ),
                  ),
                  const SizedBox(height: 4),
                  Text(
                    description,
                    style: TextStyle(
                      color: Colors.grey.shade700,
                      fontSize: 14,
                    ),
                  ),
                ],
              ),
            ),
            const Icon(Icons.arrow_forward_ios, size: 16),
          ],
        ),
      ),
    );
  }
}
